*{font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Gill Sans MT" !important;font-size: 12px;}
body
{
    /*background: #F5F5F5;*/
}

#wrapper {
    width: 100%;
    margin-left: auto; 
    margin-right: auto;
}

#header {
    height: 100px;padding: 10px; position: relative; 
    background: url('images/header-logo2.jpg') center left no-repeat;
    background-color: #fff;
    }
#header_sub2_right {width: 360px;float: right; height: 100%;padding-right: 5px;text-align: right;}
#header_sub2_right_bottom {padding-top: 35px;}
#lang-bar {width: 100px; float: right;}
#top-right {width: 172px; float: right;}
#top-right ul li {list-style-type: none;float: right;margin-left: 10px;}
/*** TOP MENU ***/
#menu-nav {
	height:36px;
	background:rgb(252,114,173);/*rgb(253,165,203);*/
	/*border: 1px solid #ccc;*/
}
#nav {
	/*width: 590px;
	padding-top: 10px;*/
	
}
#nav ul {
	position: relative;
	margin: 0!important;
    padding: 0;
}
#nav ul li {
	list-style: none;
	position: relative;
	float: left;
    z-index: 100000002;
}

#nav ul a {
	text-decoration: none;
	font-family: arial, sans-serif;	
	font-size: 12px;
	line-height:16px;
	color: #fff;
	text-transform:  none;
	/*font-weight: bold;*/
	float: left;
	padding: 10px 10px 10px 17px;
	margin-right: 0px;
	/*border-right:1px #ccc solid;*/ 
}
#nav ul li.first a {border-left:1px #ccc solid;}
#nav ul li#last a { border-right:none; }
#nav ul li:hover {
	background:rgb(253,101,152);/*#facde1;*/
}
/*#nav ul li a:hover{color: rgb(61,123,172);}*/
#nav ul li#last a:hover { padding-right:40px; } 
#nav ul li.current a { background:#EDEDED; }
#nav ul li#last a { padding-right:40px; }
/**--sub menu--**/
#nav ul ul.submenu
{
    background-color:rgb(253,101,152);
    left: 0;
    position: absolute;
    top: 97%;
    display: none;
    width: 200px;
    z-index: 100000002;
    padding: 10px 0;
    /*border: 1px solid #ccc;
    border-top: none;*/
}
#nav li.parent-li:hover ul.submenu
{
    display: block;
}
#nav ul ul.submenu li
{
    color: #000000;
    float: none;
    z-index: 100000002;
    line-height: 1.3em;
    padding: 5px 10px 10px 2px;
}
#nav ul ul.submenu li a {float: none;}
#nav ul ul.submenu a {border: none;}
#nav ul ul.submenu a:hover {text-decoration: underline;background: none;}
/*** END TOP MENU ***/

#banner {padding: 10px;}
#content-container { padding: 10px;}
#content-left {
	float:left;
    width:120px;
    margin-right: 10px;
	/*background: #F4F4F4;*/
	border-right: 1px solid #ccc;
	min-height: 100%;
	position: absolute;
}
/**menu left***/
.menu-left {list-style:  none;margin: 0; padding: 5px;}
.menu-left li {padding-bottom: 5px; border-bottom: 1px dashed #ccc;}


#content-right {
	width:180px;
    margin-left: 20px;
	float:right;
}
.content-margin-left { margin-left: 200px; }
.content-margin-right { margin-right: 200px; }
#content-main {padding: 10px;}
.member-login 
{
    width: 400px; 
    height:200px; 
    margin-top: 20px;
    margin-left: auto;
    margin-right:  auto;
    border: 1px solid #FD8BB9;
}
.member-login h3 {padding: 10px;margin: 0;background: #FD8BB9;font-weight: bold; color: #fff;}
.member-login form {padding: 10px;margin-top: 15px;}
.form-vertical {width: 320px;}
.alert-info {margin-top: 10px; margin-bottom: 10px;clear: both;}
.table-form-submit td { padding:10px 5px;}
.table-form-submit td label {margin:0; padding: 0 12px;position: relative; }
.table-form-submit td input.form-control {height: 30px;width: 400px;}
.table-form-submit td select.form-control {height: 30px;width: 200px;}
.table-language-setting td { padding:7px 5px;}
.table-kh td {padding: 10px 5px;}
.link-cancel {background-color: #abc;margin-left: 2px;}
.link-delete {background-color: #AD0940;margin-left: 2px;color: #ccc;}
ul.nav-noborder {border: none; margin-bottom: 1px;}
.table-form-submit .chosen-container-multi .chosen-choices li.search-field input[type="text"] {height: 27px !important;}
label.error {color: #f00!important; font-weight: normal!important;top: 0!important;}
.box-left{width: 230px; float: left;}
.box-email { height: 200px; border:1px solid #ccc; overflow: scroll;padding: 10px;}
.box label {font-weight: normal;}
.email-container {margin-left: 255px;}
.box img {border: 1px solid #ccc;}
.dev-login {float: right;}
.dev-login form
{
    background: url("images/bg_form.jpg") repeat-x scroll left top #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    width:358px;height: 259px;
}

.dev-login form h4
{
    background: url("images/key.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Gill Sans MT";
    font-size: 14px;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 24px;
    margin-left: 15px;
    padding-left: 45px;
}
.dev-login input[type="text"], .dev-login input[type="password"] {
    border: 1px solid #BEC2C4;
    box-shadow: 0 0 0 4px #F2F5F7;
    color: #AEAEAE;
    height: 33px;
    margin-left: 25px;
    padding: 0 10px;
    width: 310px;
}
#cobranchlogin {
    box-shadow: 0 0 0 4px #F2F5F7;
    height: 33px;
    margin-left: 25px;
    width: 310px;
}
.clsbutton_new {
    background: url("images/button_new.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 solid #FF6699;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: "Gill Sans MT";
    font-size: 12px;
    height: 29px;
    margin-right: 25px;
    min-height: 29px;
    padding-bottom: 1.5px;
    width: 80px;
}

/*.content-auto {width: 980px; margin: 0 auto; padding-bottom: 30px;}*/
.content-auto {width: auto; margin: 0 10px 10px 135px; padding-bottom: 30px;}
.content-auto th, .content-auto thead.thead-view td {
    text-align: center;background:rgb(253,165,203);height: 30px;
    padding: 5px 8px!important;border:1px solid #ccc!important;
}
.tablescroll_body tbody td {padding: 5px 8px!important;}
.content-auto .breadcrumb {background-color: #FDA5CB !important;}
.item-tr {display: none;}
.hidden-tr td, .hidden-branch-tr td, .hidden-contract-tr td, .hidden-broken-tr td,.hidden-return-tr td {padding: 0;}
.print-hidden, .contract-hidden, .branch-hidden, .broken-hidden,.return-hidden {display: none;}
.btn-add {background: rgb(253,114,173);border: 1px solid #ccc;}
.btn-add:hover {background:rgb(253,165,203);border: 1px solid #ccc;}
.search-area {width: 95%; float: right; text-align: left;}
.search-area-small {width: 50%;}
.search-area form {padding-right: 0!important;}
.search-area input, .search-area select {width: 160px;}
#search_required {color: #f00; font-size: 11px;}
.content-auto table {clear: both;}
.content-auto .tbl-printing {clear: none;}
.table-setting {width: 60%;}
table .remark {width: 200px;}
.stock-info table {border-spacing: 0; border-collapse: collapse; border: 1px solid #ccc; width: 100%;}
.stock-info table tr {border-bottom: 1px solid #ccc;}
.stock-info {width: 300px; float: right;margin-top: 70px;}
.stock-info table tr th, .stock-info table tr td{padding: 10px;}
.link-accept{padding:2px;background: rgb(253, 165, 203);}
.link-accept:hover {text-decoration: none;}
.note {width: 200px;}
/*** FOOTER ***/
#footer {
	background:rgb(252,114,173);/*rgb(253,165,203);*/
    clear: both;
    height: 40px;
	width:100%;
	bottom: 0px;
	left: 0px;
	z-index:1;
	position: fixed;
    border-top: 1px solid #ccc;
	}
#footer  p {color:#fff;font-size: 13px; text-align: right;padding-top: 10px;margin-right: 50px;} 
#footer div.copy a {color:#fff;font-size: 11px;}
#footer div.copy a:hover {text-decoration: none;}
#footer ul {float: right;position: relative;bottom: 5px;}
#footer li {display: inline;list-style-type: none;}
/*** END FOOTER ***/